<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0037)http://creditcard.bankcomm.com/m.html -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="keywords" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=640">
    <link rel="icon" type="image/vnd.microsoft.icon" href="http://creditcard.bankcomm.com/etc/designs/pccc/phone/favicon.ico">
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="http://creditcard.bankcomm.com/etc/designs/pccc/phone/favicon.ico">
    <link rel="apple-touch-icon" href="http://creditcard.bankcomm.com/etc/designs/pccc/phone/114x114.png?v=20140410143400">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/legal.css">
    <script src="js/jquery-1.8.0.js" type="text/javascript"></script>



    <!--app分享 start-->
    <meta name="native" content='[{"title":"分享","action":"share","para":{"title":"","desc":"","pageUrl":"","imageUrl":""}}]'>
    <!--app分享 end-->


    <!--weixin分享 start-->
    <meta name="wx-title" content="">

    <meta name="wx-desc" content="">

    <meta name="wx-img" content="">

    <meta name="wx-link" content="">



    <!--weixin分享 end-->

    <!-- Title / JS / CSS Start -->
    <title>交通银行信用卡</title>
    <!--新增或修改的css和js文件如下-->
    <link rel="stylesheet" type="text/css" href="../上传/css/index20180315.css">
    <script src="../上传/js/zepto.html5Loader.min.js" type="text/javascript"></script>
    <script src="../上传/js/orienter.js"></script>
    <script type="text/javascript" src="../上传/js/use/process20180315.js"></script>
    <script type="text/javascript" src="../上传/js/use/index20180315.js"></script>
    <script src="../上传/js/weixin-share.js" type="text/javascript"></script>
    <script src="../上传/js/TimelineMax.js" type="text/javascript"></script>
    <script src="../上传/js/TweenMax.js" type="text/javascript"></script>
    <script src="../上传/js/vconsole.min.js" type="text/javascript"></script>
    <script src="/content/dam/pc/faka/js/activityTrunkCode.js" type="text/javascript"></script>
    <script type="text/javascript" src="/content/dam/phone/faka/appwlbk/js/cardId.js"></script>

    <!-- 20151216新增 去头-------------->
    <script>
        $(document).ready(function() {
            if ((navigator.userAgent.indexOf("com.bankcomm.maidanba") == -1) && (navigator.userAgent.indexOf("MobileBank") == -1)) {
                $("header").hide();
                //web
            } else {
                $("header").hide();
                //app
            }
        });
    </script>
    <!-- Title / JS / CSS End -->

</head>

<body class="normal">
    <div id="wrapper" datatype="view">
        <!-- Header start -->
        <header style="display: none">
            <div id="headerTop">
                <div class="bank-l"></div>
                <div class="buy-r"></div>
            </div>
            <div id="logolink"></div>
        </header>
        <!-- Heand end -->
        <!-- loading -->
        <div class="loading">
            <img class="p1_bg" src="../上传/images/loading/bg.jpg" alt="">
            <div class="wrapper">
                <div id="content" class="content">
                    <div class="outer">
                        <div class="inner">
                            <img class="laoren" src="../上传/images/loading/laoren.png" alt="">

                            <img class="candy" src="../上传/images/loading/candy.png" alt="">

                            <div class="line_div">
                                <img class="bei" src="../上传/images/loading/bei.png" alt="">
                                <div class="line_dd">
                                    <img class="line_bg" src="../上传/images/loading/line_bg.png" alt="">
                                    <img class="line" src="../上传/images/loading/line.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page1 -->
        <div class="page1">
            <img class="p1_bg" src="../上传/images/p1/bg.jpg" alt="">
            <div class="wrapper">
                <div id="content1" class="content">
                    <div class="outer">
                        <div class="inner">
                            <img class="p1_text" src="../上传/images/p1/text.png" alt="">
                            <img class="p1_bt" src="../上传/images/p1/bt.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page2 -->
        <div class="page2">
            <img class="p1_bg" src="../上传/images/loading/bg.jpg" alt="">
            <div class="wrapper">
                <div id="content2" class="content">
                    <div class="outer">
                        <div class="inner">
                            <img class="p2_text" src="../上传/images/p2/text.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="page3">
            <div class="wrapper">
                <!-- 背景图 -->
                <img class="bg-game" src="../上传/images/p3/bg.png">
                <img class="bg-bottom" src="../上传/images/p3/bottom.png">
                <div id="content3" class="content">
                    <div class="outer">
                        <div class="inner">
                            <div class="box-game">
                                <!-- 背景图 -->
                                <img class="bg-game-inner" src="../上传/images/p3/bg.png">
                                <!-- 辅助区域 -->
                                <div class="help-area">
                                    <div class="area area1" id="area1"></div>
                                    <div class="area area2" id="area2"></div>
                                    <div class="area area3" id="area3"></div>
                                    <div class="area area4" id="area4"></div>
                                </div>

                                <!-- 掉落物品, 用来获取掉落物品的高度 -->
                                <div class="samples">
                                    <!-- 时钟 -->
                                    <img class="sample-clock" src="../上传/images/p3/drops/drop-clock.png">
                                    <!-- 雪块 -->
                                    <img class="sample-snow" src="../上传/images/p3/drops/drop-snow.png">
                                    <!-- 姜饼人 -->
                                    <img class="sample-sugar" src="../上传/images/p3/drops/drop-sugar.png">
                                    <!-- 袜子 -->
                                    <img class="sample-socks" src="../上传/images/p3/drops/drop-socks.png">
                                    <!-- 炸弹 -->
                                    <img class="sample-bomb" src="../上传/images/p3/drops/drop-bomb.png">
                                    <!-- 鹿角 -->
                                    <img class="sample-horn" src="../上传/images/p3/drops/drop-horn.png">
                                    <!-- 礼物1 -->
                                    <img class="sample-gift1" src="../上传/images/p3/drops/drop-gift1.png">
                                    <!-- 礼物2 -->
                                    <img class="sample-gift2" src="../上传/images/p3/drops/drop-gift2.png">
                                    <!-- 礼物3 -->
                                    <img class="sample-gift3" src="../上传/images/p3/drops/drop-gift3.png">
                                    <!-- 礼物4 -->
                                    <img class="sample-gift4" src="../上传/images/p3/drops/drop-gift4.png">
                                    <!-- 礼物5 -->
                                    <img class="sample-gift5" src="../上传/images/p3/drops/drop-gift5.png">
                                </div>

                                <!-- 计时器 -->
                                <div class="timer">15</div>

                                <!-- 可移动区域 -->
                                <div class="move-area">
                                    <!-- 可堆叠区域 -->
                                    <div class="piles-area">
                                    </div>
                                    <!-- 孩纸区域 -->
                                    <div class="child-area">
                                        <img class="child" id="child" src="../上传/images/p3/child.png">
                                    </div>
                                </div>
                                <!-- 计数条 -->
                                <div class="count-bar">
                                    <img src="../上传/images/p3/count-bar.png">
                                    <div class="count1">x <label class="count-bomb">0</label></div>
                                    <div class="count2">x <label class="count-gift">0</label></div>
                                    <div class="count3">x <label class="count-clock">0</label></div>
                                </div>
                                <!-- 倒计时 -->
                                <div class="count-down">
                                    <img class="count-down-number" src="../上传/images/p3/3.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page4-->
        <div class="page4">
            <img class="p1_bg" src="../上传/images/p4/bg.jpg">
            <div class="wrapper">
                <div id="content4" class="content">
                    <div class="outer">
                        <div class="inner">
                            <!-- 标题 -->
                            <img class="title" src="">
                            <!-- 礼物数量 -->
                            <img class="gift-num" src="">
                            <!-- 成就区域 -->
                            <div class="achievement-area">
                            </div>
                            <!-- 成就数量 -->
                            <img class="achievement-num" src="">
                            <!-- 再玩一次 -->
                            <img class="btn-again" src="../上传/images/p4/btn-again.png">
                            <!-- 分享 -->
                            <img class="btn-share" src="../上传/images/p4/btn-share.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- page5-->
        <div class="page5">
            <img class="p1_bg p5_bg" src="../上传/images/loading/bg.jpg" alt="">
            <div class="wrapper">
                <div id="content5" class="content">
                    <div class="outer">
                        <div class="inner">
                            <img class="text" src="../上传/images/p5/text.png" alt="">
                            <img class="ld" src="../上传/images/p5/ld.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Content End -->

    </div>



    <!-- 跟踪代码 -->
    <script src="/etc/designs/pccc/shared/clientlibs/js/gzcj.js" type="text/javascript"></script>
</body>

</html>